<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="author" content="Aviators - byaviators.com">

    <link href='http://fonts.useso.com/css?family=Open+Sans:400,700,300' rel='stylesheet' type='text/css'>
    <link rel="shortcut icon" href="/assets/img/favicon.png" type="image/png">
    <link rel="stylesheet" href="/assets/css/bootstrap.css" type="text/css">
    <link rel="stylesheet" href="/assets/css/bootstrap-responsive.css" type="text/css">
    <link rel="stylesheet" href="/assets/libraries/chosen/chosen.css" type="text/css">
    <link rel="stylesheet" href="/assets/libraries/bootstrap-fileupload/bootstrap-fileupload.css" type="text/css">
    <link rel="stylesheet" href="/assets/libraries/jquery-ui-1.10.2.custom/css/ui-lightness/jquery-ui-1.10.2.custom.min.css" type="text/css">
    <link rel="stylesheet" href="/assets/css/realia-blue.css" type="text/css" id="color-variant-default">
    <link rel="stylesheet" href="#" type="text/css" id="color-variant">
    <!-- Bootstrap 3.3.7 -->
    <link rel="stylesheet" th:href="@{/AdminLTE/bower_components/bootstrap/dist/css/bootstrap.min.css}">
    <!-- Font Awesome -->
    <link rel="stylesheet" th:href="@{/AdminLTE/bower_components/font-awesome/css/font-awesome.min.css}">
    <!-- Ionicons -->
    <link rel="stylesheet" th:href="@{/AdminLTE/bower_components/Ionicons/css/ionicons.min.css}">
    <!-- daterange picker -->
    <link rel="stylesheet" th:href="@{/AdminLTE/bower_components/bootstrap-daterangepicker/daterangepicker.css}">
    <!-- bootstrap datepicker -->
    <link rel="stylesheet" th:href="@{/AdminLTE/bower_components/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css}">
    <!-- iCheck for checkboxes and radio inputs -->
    <link rel="stylesheet" th:href="@{/AdminLTE/plugins/iCheck/all.css}">
    <!-- Bootstrap Color Picker -->
    <link rel="stylesheet" th:href="@{/AdminLTE/bower_components/bootstrap-colorpicker/dist/css/bootstrap-colorpicker.min.css}">
    <!-- Bootstrap time Picker -->
    <link rel="stylesheet" th:href="@{/AdminLTE/plugins/timepicker/bootstrap-timepicker.min.css}">
    <!-- Select2 -->
    <link rel="stylesheet" th:href="@{/AdminLTE/bower_components/select2/dist/css/select2.min.css}">
    <!-- Theme style -->
    <link rel="stylesheet" th:href="@{/AdminLTE/dist/css/AdminLTE.min.css}">
    <!-- AdminLTE Skins. Choose a skin from the css/skins
         folder instead of downloading all of them to reduce the load. -->
    <link rel="stylesheet" th:href="@{/AdminLTE/dist/css/skins/_all-skins.min.css}">
    <title>酒店辅助订购系统</title>
</head>
<body>

<div id="wrapper-outer" >
    <div id="wrapper">
        <div id="wrapper-inner">
            <!-- BREADCRUMB -->
            <div class="breadcrumb-wrapper">
                <div class="container">
                    <div class="row">
                        <div class="span12">
                            <ul class="breadcrumb pull-left">
                                <li><a href="index.html">主页</a></li>
                            </ul><!-- /.breadcrumb -->

                            <div class="account pull-right">
                                <ul class="nav nav-pills">
                                    <li><a href="login.html">登录</a></li>
                                    <li><a href="registration.html">注册</a></li>
                                </ul>
                            </div>
                        </div><!-- /.span12 -->
                    </div><!-- /.row -->
                </div><!-- /.container -->
            </div><!-- /.breadcrumb-wrapper -->

            <!-- CONTENT -->
            <div id="content"><div class="container">
    <div id="main">
        <div class="row">
            <br class="span9">
                <br><h1 class="page-header" th:text="${hotel.hotelName}"></h1></br>

                <div class="carousel property">
                    <div class="preview">
                        <img th:src="@{/assets/img/tmp/{filename}(filename=${hotel.hotelId}+'.png')}" alt="">
                    </div><!-- /.preview -->

                    <div class="content">

                        <a class="carousel-prev" href="#">Previous</a>
                        <a class="carousel-next" href="#">Next</a>
                        <ul>
                            <li class="active">
                                <img th:src="@{/assets/img/tmp/{filename}(filename=${hotel.hotelId}+'.png')}" alt="">
                            </li>
                            <li>
                                <img th:src="@{/assets/img/tmp/{filename}(filename=${hotel.hotelId}+'.png')}" alt="">
                            </li>
                            <li>
                                <img th:src="@{/assets/img/tmp/{filename}(filename=${hotel.hotelId}+'.png')}" alt="">
                            </li>
                            <li>
                                <img th:src="@{/assets/img/tmp/{filename}(filename=${hotel.hotelId}+'.png')}" alt="">
                            </li>
                            <li>
                                <img th:src="@{/assets/img/tmp/{filename}(filename=${hotel.hotelId}+'.png')}" alt="">
                            </li>
                            <li>
                                <img th:src="@{/assets/img/tmp/{filename}(filename=${hotel.hotelId}+'.png')}" alt="">
                            </li>
                            <li>
                                <img th:src="@{/assets/img/tmp/{filename}(filename=${hotel.hotelId}+'.png')}" alt="">
                            </li>
                            <li>
                                <img th:src="@{/assets/img/tmp/{filename}(filename=${hotel.hotelId}+'.png')}" alt="">
                            </li>
                            <li>
                                <img th:src="@{/assets/img/tmp/{filename}(filename=${hotel.hotelId}+'.png')}" alt="">
                            </li>
                            <li>
                                <img th:src="@{/assets/img/tmp/{filename}(filename=${hotel.hotelId}+'.png')}" alt="">
                            </li>
                            <li>
                                <img th:src="@{/assets/img/tmp/{filename}(filename=${hotel.hotelId}+'.png')}" alt="">
                            </li>
                            <li>
                                <img th:src="@{/assets/img/tmp/{filename}(filename=${hotel.hotelId}+'.png')}" alt="">
                            </li>
                            <li>
                                <img th:src="@{/assets/img/tmp/{filename}(filename=${hotel.hotelId}+'.png')}" alt="">
                            </li>
                            <li>
                                <img th:src="@{/assets/img/tmp/{filename}(filename=${hotel.hotelId}+'.png')}" alt="">
                            </li>
                        </ul>
                    </div>
                    <!-- /.content -->
                </div>
                <!-- /.carousel -->
            <table class="table table-bordered table-striped">


                <tbody>

                <tr th style="width: 150px;">
                    <td>地址</td>
                    <td th:text="${hotel.province}+${hotel.city}+${hotel.address}"> </td>
                </tr>

                <tr th style="width: 150px;">
                    <td>电话</td>
                    <td th:text="${hotel.hotelTel}"></td>
                </tr>

                <tr th style="width: 150px;">
                    <td>评分</td>
                    <td th:text="${hotel.star}">
                    </td>
                </tr>

                </tbody>
            </table>



            <div id="content">
                <div class="container">
                    <div>
                        <div id="main">
                            <div class="our-agents-large">
                                <h2 class="page-header">酒店房型</h2>

                                <div class="content">
                                    <div class="row">
                                        <div class="col-md-10">
                                            <!-- Custom Tabs -->

                                            <div class="tab-content">

                                                    <table class="table table-hover">
                                                        <thead>
                                                        <tr>
                                                            <th>房型</th>
                                                            <th>早餐</th>
                                                            <th>设施服务</th>
                                                            <th>面积/㎡</th>
                                                            <th>备注</th>
                                                            <th>价格</th>
                                                            <th> </th>
                                                            <th> </th>
                                                            <th> </th>
                                                        </tr>
                                                        </thead>
                                                        <tbody>

                                                        <tr th:each="roomtype: ${roomtypes}">
                                                            <form metho="get" action="/order/create" >
                                                            <td th:text="${roomtype.description}">Oranges</td>
                                                            <td th:text="${roomtype.breakfast}">Oranges</td>
                                                            <td th:text="${roomtype.devices}">Oranges</td>
                                                            <td th:text="${roomtype.area}">Oranges</td>
                                                            <td th:text="${roomtype.specialroomtype}">Oranges</td>
                                                            <td th:text="${roomtype.price}">Oranges</td>

                                                            <input type="hidden" th:value="${roomtype.hotelid}" name="hotelid">
                                                            <input type="hidden" th:value="${roomtype.roomid}" name="roomid">
                                                            <input type="hidden" th:value="${roomtype.price}" name="price">
                                                            <td><input type="submit" value="预订"></td>
                                                            </form>
                                                        </tr>


                                                        </tbody>
                                                    </table>

                                                </div>


                                            </div>
                                            <!-- /.tab-content -->
                                        </div>
                                        <!-- nav-tabs-custom -->
                                    </div>
                                    <!-- /.col -->

                                </div><!-- /.row -->
                            </div><!-- /.content -->

                    <h2>地图</h2>

                    <div id="property-map"></div><!-- /#property-map -->
                </div>

            </div>


<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?v=3&amp;sensor=true"></script>
<script type="text/javascript" src="/assets/js/jquery.js"></script>
<script type="text/javascript" src="/assets/js/jquery.ezmark.js"></script>
<script type="text/javascript" src="/assets/js/jquery.currency.js"></script>
<script type="text/javascript" src="/assets/js/jquery.cookie.js"></script>
<script type="text/javascript" src="/assets/js/retina.js"></script>
<script type="text/javascript" src="/assets/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/assets/js/carousel.js"></script>
<script type="text/javascript" src="/assets/js/gmap3.min.js"></script>
<script type="text/javascript" src="/assets/js/gmap3.infobox.min.js"></script>
<script type="text/javascript" src="/assets/libraries/jquery-ui-1.10.2.custom/js/jquery-ui-1.10.2.custom.min.js"></script>
<script type="text/javascript" src="/assets/libraries/chosen/chosen.jquery.min.js"></script>
<script type="text/javascript" src="/assets/libraries/iosslider/_src/jquery.iosslider.min.js"></script>
<script type="text/javascript" src="/assets/libraries/bootstrap-fileupload/bootstrap-fileupload.js"></script>
<script type="text/javascript" src="/assets/js/realia.js"></script>
</body>
</html>